<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Name Card</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body class="body" onLoad="MM_preloadImages('images/b_next2.gif','images/b_back2.gif')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td>
			<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
      			<tr>
        			<td colspan="4"><img src="images/namecard_bg_01.png" width="780" height="29" alt=""></td>
      			</tr>
      			<tr>
		        	<td width="29" rowspan="3" background="images/namecard_bg_02.png"><img src="images/namecard_bg_02.png" width="29" height="1" alt=""></td>
		        	<td width="322" height="54" bgcolor="#dfeeee"><img src="images/logo-mittare.png" width="300" height="55"></td>
        <td width="400" bgcolor="#dfeeee"><table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="font05">
			         		<tr>
			           			<td>
			           				<a href="main.html">หน้าหลัก</a>&nbsp;&nbsp;&nbsp;สั่งนามบัตร&nbsp;&nbsp;&nbsp;<a href="history.html">ประวัติการทำรายการ</a>&nbsp;&nbsp;&nbsp;<a href="contact.html">ติดต่อสอบถาม</a>
			           			</td>
			           		</tr>
			        	</table>
        			</td>
        			<td width="29" rowspan="3" background="images/namecard_bg_04.png"><img src="images/namecard_bg_04.png" width="29" height="1" alt=""></td>
      			</tr>
      			<tr>
        			<td height="15" colspan="2" valign="top" bgcolor="#dfeeee"></td>
      			</tr>
				<tr>
        			<td colspan="2" valign="top" bgcolor="#cfe6e6">
<table width="722" border="0" cellpadding="0" cellspacing="0">
	<tr>
  		<td width="100%" valign="top">
  			<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
  				<tr>
    				<td class="font02">ขั้นตอนที่ 2.1 รูปภาพถ่าย</td>
                </tr>
			</table>
			<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="font03">
				<tr>
					<td>1. กรุณาเลือกรูปภาพถ่ายของท่านที่ต้องการ</td>
                </tr>
                <tr>
					<td>2. คลิกกำหนดกรอบ ที่ตัวรูปภาพ</td>
                </tr>
                <tr>
					<td>3. คลิกปุ่ม ขั้นตอนต่อไปเพื่อกลับสู่ขั้นตอนที่ 2</td>
                </tr>
                <tr>
                  	<td>&nbsp;</td>
                </tr>
			</table>
            <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  	<td width="50%">&nbsp;</td>
                  	<td width="50%" align="right"><a href="card02.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/b_back2.gif',1)"><img src="images/b_back1.gif" title="ย้อนกลับ" name="Image7" width="126" height="33" id="Image7"></a> <a href="card02.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('next01','','images/b_next2.gif',1)"><img src="images/b_next1.gif" title="ขั้นตอนต่อไป" name="next01" width="126" height="33" id="next01"></a></td>
                </tr>
            </table>
		</td>
	</tr>
	<tr>
    	<td height="236">
       		<table width="315" border="0" align="center" cellpadding="0" cellspacing="0">
           		<tr>
               		<td height="20" colspan="2" class="font01_2">ไฟล์รูปภาพจะต้องเป็นนามสกุล .Jpg | .png  ที่ชัดเจนเท่านั้น</td>
          		</tr>
           		<tr>
               		<td height="20" colspan="2" align="center">
               			<img src="images/preview/User1_D25551102H14M13S22s669.jpg" width="142" height="180">
               		</td>
           		</tr>
           		<tr>
              		<td width="75" height="40" class="font05">* รูปภาพ</td>
               		<td width="240" class="font05">
               			<label for="fileField"></label>
               			<input name="fileField" type="file" class="form_user_pass" id="fileField">
               			<label for="textfield"></label>
               		</td>
           		</tr>
           	</table>
           	<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
				<tr>
	               	<td width="50%">&nbsp;</td>
	               	<td width="50%" align="right">
	               		<a href="card02.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/b_back2.gif',1)">
	               			<img src="images/b_back1.gif" title="ย้อนกลับ" width="126" height="33" id="Image9">
	               		</a> 
	               		<a href="card02.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/b_next2.gif',1)">
	               			<img src="images/b_next1.gif" title="ขั้นตอนต่อไป" width="126" height="33" id="Image10">
	               		</a>
	               	</td>
	           	</tr>
                <tr>
                	<td>&nbsp;</td>
                </tr>
			</table>
		</td>
	</tr>
</table>
					</td>
				</tr>
				<tr>
					<td height="29" colspan="4" background="images/namecard_bg_06.png" class="font00">Copyright © 2012 Print@Thailandpost All rights reserved.</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
</body>
</html>
